<style>

    @media screen and (max-width: 1100px){
        .prodcut-show-main{
            display: none;
        }
    }
    .prodcut-show-main{
        background: #edf0f2;
        width: 100%;
        height: 170px;
        margin-bottom: 24px;
    }
    .prodcut-show-main .prodcut-show-main-left{
        width: 33%;
    }
    .prodcut-show-main .prodcut-show-main-right{
        width: 64%;
        margin-top: 13px;
        margin-right: 18px;
    }
    .prodcut-show-main .prodcut-show-main-right p{
        color: gray;
        font-size: 84%;
        height: 74px;
        overflow-x: hidden;
    }
    .product-show-name .fa-pull-left{
        
        font-size: 124%;
        color: #0077ff;
        font-weight: bolder;
        
    }
    .product-show-name{
        margin-bottom: 12px;
    }
    .fa-pull-right a{
        
        background: #0077ff;
        color: white;
        padding: 6px 16px;
        border-radius: 4px;
        font-size: 80%;
        margin-right: 10px;

    }
    .prodcut-show-img{
        height: 170px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
</style>

<div class="prodcut-show-main clearfix">
    <div class="fa-pull-left prodcut-show-main-left">
        <div class="prodcut-show-img">
        <!------------------------------------------------------------------------------------------------------>
        <a href="https://detail.tmall.com/item.htm?spm=a1z10.5-b-s.w4011-23268010681.53.60da2780x5Jvdb&id=603861416510&rn=03b3e8d3e6354758847d709d1278ebdd&abbucket=18">
            <img alt="产品图片" height="80%" width="80%" src="{{ pathto("_static/images/product.png", 1) }}"/>
        </a>
        <!------------------------------------------------------------------------------------------------------>
        </div>
    </div>
    <div class="fa-pull-right prodcut-show-main-right">
        <div class="product-show-name clearfix">
            <div class="fa-pull-left ">
                EBF6ULL Pro/Mini开发板 <span></span>
            </div>
        </div>

        <div class="fa-pull-left">
            <!-------------------------------------------------------------------------------------------------------------------------------->
            <a href="http://doc.embedfire.com/linux/imx6/hardware/zh/latest/index.html" target="_blank">
                产品规格书
            </a>
            <a href="https://gitee.com/Embedfire/embed_linux_tutorial.git" target="_blank">
                配套程序
            </a>
            <a href="https://detail.tmall.com/item.htm?spm=a1z10.5-b-s.w4011-23268010681.53.60da2780x5Jvdb&id=603861416510&rn=03b3e8d3e6354758847d709d1278ebdd&abbucket=18" target="_blank">
                立即购买
            </a>
            <a href="https://doc.embedfire.com/linux/imx6/quick_start/pdf" target="_blank">
                本书pdf
            </a>              <!-------------------------------------------------------------------------------------------------------------------------------->
            
        </div>
        <br>
        <br>
        <!-------------------------------------------------------------------------------------------------------------------------------->
        <p>
            EBF6ULL Pro/Mini开发板是野火电子基于NXP i.MX 6ULL系列处理器设计的一款低功耗单板电脑， 工业级主频最高可达 792MHz，
            提供完整的SDK驱动开发包、核心板封装库，底板应用参考设计原理图， 可帮助客户大大缩减产品的开发时间，加快产品上市。
            配套的系统支持Debian、Ubuntu系统，支持python、Qt等组件。
        </p>
        <!-------------------------------------------------------------------------------------------------------------------------------->
    </div>
</div>